*{
  font-family: "微软雅黑";
}
html,body{
  height: 100%;
}
body{
  display: flex;
  flex-direction: column;
}
.header{
  height: 1.28rem;
  background-color: #19BE7A;
  p{
    padding-top: 0.38rem;
    text-align: center;
    font-size: 0.36rem;
    line-height: .9rem;
    color: #ffffff;
  }
}

.main{
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  .main-top{
    display: flex;
    margin-top: 0.34rem;
    margin-bottom: 0.15rem;
    .rexian{
      margin-left: 1.56rem;
      img{
        width: 0.52rem;
        height: 0.52rem;
      }
    }
    .fenjie-1{
      margin-left: 1.62rem;
      height: 1.18rem;
      border: 0.5px solid #f3f3f3;
    }
    .dingdan{
      margin-left: 1.64rem;
      img{
        margin-left: 0.1rem;
        width: 0.4rem;
        height: 0.52rem;
      }
    }
    span{
      margin-top: 0.18rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: 0.28rem;
      color: #7c7c7c;
    }
  }
  .fenjie-2{
    height: 0.15rem;
    background-color: #f8f9fa;

  }
  .main-select{
    height: 1.06rem;
    line-height: 1.06rem;
    padding-left: 0.4rem;
    img{
      height: 0.44rem;
      width: 0.44rem;
    }
    span{
      padding-left: 0.28rem;
      color: #333333;
      font-size: 0.32rem;
      margin-top: 0.1rem;
    }
    .img{
      height: 0.28rem;
      width: 0.14rem;
      float: right;
      padding-right: 0.44rem;
      padding-top: (0.53-0.14rem);
    }
  }
  .fenjie-3{
    margin: 0 auto;
    width: 6.84rem;
    border: 0.5px solid #f8f9fa;
  }
  .miaoshu{
    width: 6.72rem;
    height: 2.28rem;
    margin: 0 auto;
    font-size: 0.32rem;
    color: #999999;
    word-wrap: normal;
  }
  .shangchuan{
    height: 1.66rem;
    line-height: 1.66rem;
    margin-left: 0.62rem;
    img{
      width: 0.94rem;
      height: 0.94rem;
    }
  }
  .renwu{
    height: 1.96rem;
    //background-color: red;
    padding-top: 0.3rem;
    padding-left: 0.4rem;
    a{
      img{
        width: 0.62rem;
        height: 0.62rem;
      }
    }
    input{
      width: 0.8rem;
      height: 0.6rem;
      border: none;
      text-align: center;
    }
    .tian{
      font-size: 0.32rem;
      color: #333333;
    }
    .money{
      font-size: 0.3rem;
      color: #ff6815;
      padding-left: 2.36rem;
    }
    .tianshu{
      color: #999999;
    }
    .yiwen{
      margin-top: 0.34rem;
      font-size: 0.32rem;
      color: #999999;
    }
  }
}
.footer{
  height: 0.9rem;
  button{
    height: 0.9rem;
    width:7.5rem;
    background-color: #19BE7A;
    border: none;
    font-size: 0.36rem;
    color: #ffffff;
  }
}

